<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/join.css">
    <title>加入我们</title>
</head>
<body>
    <header>
        <div class="claerFlex">
            <div class="left_box">
                <img src="./img/u160.png" alt="">
                <h3 class="margin_10 font_24">LOGO</h3>
            </div>
            <div class="right_box">
                <ul class="listStyle">
                    <li><a href="./index.html" >企业主页</a></li>
                    <li><a href="./product.html ">产品</a></li>
                    <li><a href="./programme.html" >解决方案</a></li>
                    <li><a href="./customer.html" >客户案列</a></li>
                    <li><a href="./consult.html">咨询与服务</a></li>
                    <li><a href="./news.html" >企业新闻</a></li>
                    <li><a href="./join.html" class="active">加入我们</a></li>
                </ul>
            </div>
        </div>
    </header>
    <div style="padding-top: 100px;"></div>
    <main>
        <div class="banner">
            <img src="./img/u1370.png" alt="">
             <div class="cout_box">
                <p class="font_30">加入我们</p>
                <h3 class="font_33">五险一金、员工旅游、定期体检、年终奖</h3>
             </div>
        </div>
        <div class="join_list">
            <div class="container">
                <ul>
                    <!-- <li>
                        <h3 class="font_33">产品经理</h3>
                        <p class="font_24 font_bule">25K-40K</p>
                        <p><span class="font_20">本科</span><span class="font_20">经验三年以上</span><span class="font_20">北京</span></p>
                        <div>
                            <span class="font_20">Axure</span><span class="font_20">需求分析</span><span class="font_20">PRD</span><span class="font_20">MRD</span><span class="font_20">市场研究</span>
                        </div>
                        <a href="" class="font_20 font_white">查看详情</a>
                    </li>
                    <li>
                        <h3 class="font_33">产品经理</h3>
                        <p class="font_24 font_bule">25K-40K</p>
                        <p><span class="font_20">本科</span><span class="font_20">经验三年以上</span><span class="font_20">北京</span></p>
                        <div>
                            <span class="font_20">Axure</span><span class="font_20">需求分析</span><span class="font_20">PRD</span><span class="font_20">MRD</span><span class="font_20">市场研究</span>
                        </div>
                        <a href="" class="font_20 font_white">查看详情</a>
                    </li>
                    <li>
                        <h3 class="font_33">产品经理</h3>
                        <p class="font_24 font_bule">25K-40K</p>
                        <p><span class="font_20">本科</span><span class="font_20">经验三年以上</span><span class="font_20">北京</span></p>
                        <div>
                            <span class="font_20">Axure</span><span class="font_20">需求分析</span><span class="font_20">PRD</span><span class="font_20">MRD</span><span class="font_20">市场研究</span>
                        </div>
                        <a href="" class="font_20 font_white">查看详情</a>
                    </li>
                    <li>
                        <h3 class="font_33">产品经理</h3>
                        <p class="font_24 font_bule">25K-40K</p>
                        <p><span class="font_20">本科</span><span class="font_20">经验三年以上</span><span class="font_20">北京</span></p>
                        <div>
                            <span class="font_20">Axure</span><span class="font_20">需求分析</span><span class="font_20">PRD</span><span class="font_20">MRD</span><span class="font_20">市场研究</span>
                        </div>
                        <a href="" class="font_20 font_white">查看详情</a>
                    </li>
                    <li>
                        <h3 class="font_33">产品经理</h3>
                        <p class="font_24 font_bule">25K-40K</p>
                        <p><span class="font_20">本科</span><span class="font_20">经验三年以上</span><span class="font_20">北京</span></p>
                        <div>
                            <span class="font_20">Axure</span><span class="font_20">需求分析</span><span class="font_20">PRD</span><span class="font_20">MRD</span><span class="font_20">市场研究</span>
                        </div>
                        <a href="" class="font_20 font_white">查看详情</a>
                    </li>
                    <li>
                        <h3 class="font_33">产品经理</h3>
                        <p class="font_24 font_bule">25K-40K</p>
                        <p><span class="font_20">本科</span><span class="font_20">经验三年以上</span><span class="font_20">北京</span></p>
                        <div>
                            <span class="font_20">Axure</span><span class="font_20">需求分析</span><span class="font_20">PRD</span><span class="font_20">MRD</span><span class="font_20">市场研究</span>
                        </div>
                        <a href="" class="font_20 font_white">查看详情</a>
                    </li> -->
                </ul>
            </div>
        </div>
    </main>
    <footer>
        <div >
           <div class="count claerFlex">
                <div class="left">
                    <img src="./img/u115.png" alt="">
                    <h3 class="margin_10 font_33 font_white">LOGO</h3>
                </div>
                <div class="center">
                    <ul>
                        <li>
                            <h3 class="font_24">关于我们
                                <ul>
                                    <li>企业文化</li>
                                    <li>企业简介</li>
                                    <li>企业历程</li>
                                </ul>
                            </h3>
                        </li>
                        <li>
                            <h3 class="font_24">企业产品
                                <ul>
                                    <li>企业产品1</li>
                                    <li>企业产品2</li>
                                </ul>
                            </h3>
                        </li>
                        <li>
                            <h3 class="font_24">解决方案
                                <ul>
                                    <li>解决方案1</li>
                                    <li>解决方案2</li>
                                </ul>
                            </h3>
                        </li>
                        <li>
                            <h3 class="font_24">其他
                                <ul>
                                    <li>客户案列</li>
                                    <li>咨询与服务</li>
                                    <li>企业与新闻</li>
                                </ul>
                            </h3>
                        </li>
                        <li>
                            <h3 class="font_24">加入我们
                                <ul>
                                    <li>校园招聘</li>
                                    <li>社会招聘</li>
                                </ul>
                            </h3>
                        </li>
                    </ul>
                </div>
                <div class="right">
                    <ul>
                        <li>
                            <h3 class="font_24">微信公众号</h3>
                            <img src="./img/u139.png" alt="">
                        </li>
                        <li>
                            <h3 class="font_24">联系我们</h3>
                            <div>
                                <p>地址：北京市XX路XXX号XXX楼</p>
                                <p>电话：010-XXXXXXXX</p>
                                <p>邮箱：XXXXXXXX@163.com</p>
                            </div>
                        </li>
                    </ul>
                </div>
           </div>
           <p class="font_20 font_white">某某科技有限公司 版权所有 &copy2021-2031</p>
        </div>
    </footer>
</body>
<script src="./js/ajax.js"></script>
<script>
    window.onload = ()=>{
        // let data = [
        //     {
        //         post:'产品经理',
        //         salary:'25K-40K',
        //         requirement:[
        //             '本科',
        //             '经验3年以上',
        //             '北京'
        //         ],
        //         skill:[
        //             'Axure',
        //             '需求分析',
        //             'PRD',
        //             'MRD',
        //             '市场研究'
        //         ],
        //         src:'./job.html',
        //     },
        //     {
        //         post:'JAVA开发工程师',
        //         salary:'25K-40K',
        //         requirement:[
        //             '本科',
        //             '经验3年以上',
        //             '北京'
        //         ],
        //         skill:[
        //             'Spring',
        //             'SQL',
        //             'Kafka',
        //             'K8s',
        //             'Nginx'
        //         ],
        //         src:'./job.html',
        //     },
        //     {
        //         post:'前端开发工程师',
        //         salary:'25K-40K',
        //         requirement:[
        //             '本科',
        //             '经验3年以上',
        //             '北京'
        //         ],
        //         skill:[
        //             'Vue',
        //             'HTML',
        //             'CSS',
        //             'javascript',
        //             'unity'
        //         ],
        //         src:'./job.html',
        //     },
        //     {
        //         post:'产品经理',
        //         salary:'25K-40K',
        //         requirement:[
        //             '本科',
        //             '经验3年以上',
        //             '北京'
        //         ],
        //         skill:[
        //             'Axure',
        //             '需求分析',
        //             'PRD',
        //             'MRD',
        //             '市场研究'
        //         ],
        //         src:'./job.html',
        //     },
        //     {
        //         post:'JAVA开发工程师',
        //         salary:'25K-40K',
        //         requirement:[
        //             '本科',
        //             '经验3年以上',
        //             '北京'
        //         ],
        //         skill:[
        //             'Spring',
        //             'SQL',
        //             'Kafka',
        //             'K8s',
        //             'Nginx'
        //         ],
        //         src:'./job.html',
        //     },
        //     {
        //         post:'前端开发工程师',
        //         salary:'25K-40K',
        //         requirement:[
        //             '本科',
        //             '经验3年以上',
        //             '北京'
        //         ],
        //         skill:[
        //             'Vue',
        //             'HTML',
        //             'CSS',
        //             'javascript',
        //             'unity'
        //         ],
        //         src:'./job.html',
        //     },
        // ];
        get({
            type:'GET',
            url:'/v1/join/list',
            success:function(res){
                if(res.code === 200){
                    creaotr(res.data)
                }
            }
        })
        function creaotr(data){
            let list = document.querySelector('.join_list ul');
        data.forEach((v,i)=>{
            let {post,salary,requirement,skill,src} = v;
            list.innerHTML += `
                <li>
                        <h3 class="font_33">${post}</h3>
                        <p class="font_24 font_bule">${salary}</p>
                        <p></p>
                        <div>
                            
                        </div>
                        <a href="${src}" class="font_20 font_white">查看详情</a>
                </li>
            `
            requirement.forEach(v=>{
                list.children[i].children[2].innerHTML += `
                    <span class="font_20">${v}</span>
                `
            })

            skill.forEach(v=>{
                list.children[i].children[3].innerHTML += `
                    <span class="font_20">${v}</span>
                `
            })
            
        })
        }
        
    }
</script>
</html>